<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Portfolio</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script language="javascript" src="js/common.js" type="text/javascript"></script>
<!--below is the code to display the menu properly in ie6-->
<!--[if IE 6]>
<style type="text/css"> 
#logo {
	margin:35px 0 0 12px; /*change the left margin to half for ie6*/
	}
#tab_content li .left {
	margin:20px 0 0 12px;
	
}
</style>
<script type="text/javascript" src="js/hide-select.js"></script> 
<script type="text/javascript" src="js/main.js"></script>
<script defer type="text/javascript" src="js/pngfix.js"></script>
<![endif]--><!-- start lightbox code -->
<link rel="stylesheet" href="css/jquery.lightbox-0.5.css" type="text/css" />
<script type="text/javascript" src="js/jquery.lightbox-0.5.pack.js"></script>
<script type="text/javascript">
$(function() {
	$('.lightbox').lightBox();
});
</script>
<!-- end lightbox code -->
</head>
<body>
<div id="wrapper">
  <div id="header">
    <div id="logo"><a href="index.html"><img src="images/logo.png" alt="Logo" width="240" height="68" border="0" /></a></div>
    <div id="header_menu">
      <ul id="navigation">
        <li><a href="index.html">Home</a></li>
        <li><a href="services.html">Services</a>
          <!--notice you do not close the </li> here -->
          <ul class="second-level">
            <!--start a new list with the style: class="second-level"-->
            <li> <a href="#">Other Service 1</a></li>
            <li> <a href="#">Other Service 2</a></li>
            <li> <a href="#">Other Service 3</a></li>
            <li> <a href="#">Other Service 4</a></li>
            <li> <a href="#">Other Service 5</a></li>
            <li> <a href="#">Other Service 6</a></li>
          </ul>
          <!-- close the new list-->
        </li>
        <!-- close the services <li>-->
        <li><a href="portfolio.html" class="current">Portfolio</a> </li>
        <li><a href="blog.html">Blog</a></li>
        <li><a href="contact.html" >
          <!--this gets rid of last divider-->
          Contact </a></li>
      </ul>
    </div>
    <!--end header menu-->
  </div>
  <!--end header-->
  <!--start plain content box-->
  <div id="plain_content_bg">
    <div class="top">
      <div class="content">
      <h1>Portfolio</h1>
      <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.</p>
      <hr class="clear" />
        <!-- portfolio 1-->
    <div class="portfolio_box margin_left">
      <div class="image"><a href="images/lg_blue_business.jpg" title="Blue Business" class="lightbox"><img src="images/portfolio_1.jpg" alt="Blue Business" width="410" height="189" border="0" /></a></div>
     <div class="clear"> <div class="title">Blue Business</div><div class="button"><a href="http://themeforest.net/item/blue-business-3-pages-html-psd/48670?ref=dtbaker"><img src="images/button_view_website.gif" alt="View Website" width="92" height="18" border="0" /></a></div></div>
      <div class="description">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius</div>
      <div class="date">
        <ul>
          <li>September 20, 2009</li>
          <li> |  Category: Website Design</li>
        </ul>
      </div>
    </div> <!--End portfolio 1-->
    
    
    
     <!-- portfolio 2-->
    <div class="portfolio_box margin_left">
      <div class="image"><a href="images/lg_chocolate.jpg" title="Chocolate &amp; Coffee" class="lightbox"><img src="images/portfolio_2.jpg" alt="Chocolate &amp; Coffee" width="410" height="189" border="0" /></a></div>
     <div class="clear"> <div class="title">Chocolate &amp; Coffee</div>
       <div class="button"><a href="http://themeforest.net/item/chocolate-coffee-html-template-including-psd/56449?ref=dtbaker"><img src="images/button_view_website.gif" alt="View Website" width="92" height="18" border="0" /></a></div></div>
      <div class="description">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius</div>
      <div class="date">
        <ul>
          <li>September 20, 2009</li>
          <li> |  Category: Website Design</li>
        </ul>
      </div>
    </div> <!--End portfolio 2-->
    
    
     <!-- portfolio 3-->
    <div class="portfolio_box margin_left">
      <div class="image"><a href="images/lg_eco.jpg" title="Eco Enviro" class="lightbox"><img src="images/portfolio_3.jpg" alt="Eco Enviro" width="410" height="189" border="0" /></a></div>
      <div class="clear"> <div class="title">Eco Enviro</div>
        <div class="button"><a href="http://themeforest.net/item/eco-enviro-full-html-site-6-pages-psd-included/52623?ref=dtbaker"><img src="images/button_view_website.gif" alt="View Website" width="92" height="18" border="0" /></a></div></div>
      <div class="description">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius</div>
      <div class="date">
        <ul>
          <li>September 20, 2009</li>
          <li> |  Category: Website Design</li>
        </ul>
      </div>
    </div> <!--End portfolio 3-->
    
    
     <!-- portfolio 4-->
    <div class="portfolio_box margin_left">
      <div class="image"><a href="images/lg_papermade.jpg" title="Paper Made" class="lightbox"><img src="images/portfolio_4.jpg" alt="Paper Made" width="410" height="189" border="0" /></a></div>
      <div class="clear"> <div class="title">Paper Made</div>
        <div class="button"><a href="http://themeforest.net/item/paper-made-3-pages-htmlcss-psd/49886?ref=dtbaker"><img src="images/button_view_website.gif" alt="View Website" width="92" height="18" border="0" /></a></div></div>
      <div class="description">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius</div>
      <div class="date">
        <ul>
          <li>September 20, 2009</li>
          <li> |  Category: Website Design</li>
        </ul>
      </div>
    </div> <!--End portfolio 4-->
    
    <hr class="clear" />
       <div class="bottom_bar">
   
    
        <div class="view_all"> <a href="#"><img src="images/button_view_all.gif" alt="View All" width="111" height="21" border="0" /></a></div> <div class="buttons"> <a href="#"><img src="images/button_back.gif" alt="Back" border="0" /></a> &nbsp; &nbsp; &nbsp;<a href="#"><img src="images/button_next.gif" alt="Next" border="0" /></a></div>
    </div>
      
      
      <div class="clear"></div></div>
      <!--this make sure the bottom of the columns stays at the bottom-->
      <div class="bottom"><img src="images/background_main_plain_bottom.gif" width="940" height="6" alt="bottom" /></div>
    </div>
  </div>
  <!--end main content-->
  <div id="footer">
    <div class="left">&copy; World Wide Webdesign</div>
    <div class="right">  <ul>
        <li><a href="http://themeforest.net/user/dtbaker?ref=dtbaker">Designed by dtbaker</a> </li>
        <li>| <a href="sitemap.php">Site map</a> </li>
        <li>| <a href="contact.html">Contact Us</a></li>
      </ul></div>
  </div>
</div>
</body>
</html>
